<template>
  <div
    :class="[
      cur_user_border,
      css_child_margin_top,
      css_content_padding,
      css_wind_light_hover,
    ]"
    :id="cur_user_border"
  >
    <user_title></user_title>
    <user_upload></user_upload>
    <user_comment></user_comment>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import './user.css';

import user_comment from './uni_comps/user_comment/user_comment.vue';
import user_title from './uni_comps/user_title/user_title.vue';
import user_upload from './uni_comps/user_upload/user_upload.vue';

import { cur_user_border } from './DataDefine/sourceData';
import {
  css_child_margin_top,
  css_content_padding,
  css_wind_light_hover,
} from '../global_comps/Css';

onMounted(() => {});
</script>
